
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>我的社区</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/my_v1.css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/my.js"></script>
</head>
<body style="background-color: #f0f0f6;">
    <div class="container-fluid">
        <div class="row auction_title">
            <div class="col-xs-3">
                <i class="icon-angle-left icon-3x"></i>
            </div>
            <div class="col-xs-6 pt10 plr0 text-center">
                <span class="fs16">我的社区</span>
            </div>
        </div>
        <div class="row orange_bg white pb20">
            <div class="col-xs-12 ptb10">
                <img src="images/my_pic_03.png" class="img-responsive center-block">
            </div>
            <div class="col-xs-12 fs24 text-center">
                <span>索****4</span>
                <img width="15" src="images/pic_cheng.png" class="img-responsive dis-lin">
            </div>
            <div class="col-xs-12 pt5 text-center">
                已在江湖混迹407天
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 plr0 jewel_title">
                <ul>
                    <li class="col3 active">
                        发布的主题
                    </li>
                    <li class="col3">
                        商家话题
                    </li>
                    <li class="col3">
                        回复的评论
                    </li>
                </ul>
            </div>
        </div>
        <div class="row white_bg myTeam mt6">
            <div class="col-xs-12 ptb5">
                <div class="col-xs-2 plr0">
                    <img width="30" src="images/my_pic_03.png" class="img-responsive center-block">
                </div>
                <div class="col-xs-9 plr0 fs16 pt5 blue_deep">
                    索*****4
                </div>
            </div>
            <div class="col-xs-12 ptb5 fw fs16">
                木讷葫芦吊坠
            </div>
            <div class="col-xs-12 ptb5 fs16 gray">
                木讷葫芦美美哒！高级货！
            </div>
            <div class="col-xs-12">
                <div class="made scrollbox" id="horizontal">
                    <div class="madegame">
                        <ul class="clearfix" id="ho2">
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                        </ul>
                    </div> 
                </div>
                <div class="col-xs-12 plr0 ptb10">
                    <div class="col-xs-6 plr0">
                        <img width="20" src="images/clock.png" class="img-responsive center-block dis-lin">
                        <span class="gray">5分钟前</span>
                    </div>
                    <div class="col-xs-6 plr0 gray text-right">
                        <i class="icon-comment-alt"></i>&nbsp;<span>275</span>&nbsp;&nbsp;&nbsp;
                        <i class="icon-heart-empty"></i>&nbsp;<span>1660</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script>
    (function($){
        $(window).load(function(){
            $.mCustomScrollbar.defaults.theme="light-2"; //set "light-2" as the default theme
            
            $("#ho1,#ho2").mCustomScrollbar({
                axis:"x",
                advanced:{autoExpandHorizontalScroll:true}
            });
        });
    })(jQuery);
</script>
</body>
</html>